<template>
    <div>
        <p> 父组件显示父组件的信息:{{msg}}</p>
     
      
      
       【子组件】 <DemoComp :data='msg' @change="changemsg"></DemoComp>
        <DemoComp :data.sync='msg'></DemoComp>
        <p>------------------------------------------</p>
    </div>
    
</template>

<script>
//引入子组件
import DemoComp from '@/components/DemoComp'

export default {
    data(){
        return{
            msg:'父组件的信息'
        }
    },
    //注册子组件
    components: {
        DemoComp
    },
    methods: {
        changemsg(data2){
            alert('调用了父组件的方法，接受到信息：'+data2)
            this.msg=data2
        }
    },

}
</script>

<style>

</style>
